<template>
  <div>
    <vue-seamless-scroll
      :data="listData"
      class="seamless-warp"
      :class-option="optionSingleHeight"
    >
      <ul class="item">
        <li v-for="item in listData">
          <span
            class="reason"
            v-text="item.reason"
            style="padding-top: 10px"
          ></span>
        </li>
      </ul>
    </vue-seamless-scroll>
  </div>
</template>
<style lang="scss" scoped>
.title {
  font-size: 20px;
  color: #ffffff;
}
.seamless-warp {
  height: 80%;
  overflow: hidden;
  color: #ffffff;
}
.date {
  margin-left: 30px;
}
li {
  padding-top: 10px;
}
.name {
  margin-left: 30px;
}
.reason {
}
</style>
<script>
import vueSeamlessScroll from "vue-seamless-scroll";
export default {
  components: {
    vueSeamlessScroll,
  },
  computed: {
    optionSingleHeight() {
      return {
        singleHeight: 26,
      };
    },
  },
  data() {
    return {
      listData: [
        {
          reason: "自然资源部复垦管理条例",
        },
        {
          reason: "临时建设用地复垦规划审批通知",
        },
        {
          reason: "XXX镇桐乡村居民王某某违规占用基本农田处置情况",
        },
        {
          reason: "关于临时建设用地复垦规划审批流程调整通知",
        },
        {
          reason: "XXX镇梨花村居民李某流转土地公示",
        },
        {
          reason: "昨日完成农村宅基地审批8件",
        },
        {
          reason: "XXX镇梨花村居民李某流转土地公示",
        },
        {
          reason: "关于临时建设用地复垦规划审批流程调整通知",
        },
      ],
    };
  },
};
</script>
